<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/login.css">
    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/login.js"></script>
</head>
<body>
  <div class="clicks">
      <a href="#" id="login">登陆</a>
      <a href="#" id="register">注册</a>
  </div>
  
  <div class="bg"></div>
  
  <div class="login">
      <div class="close"></div>
      
      <div class="l_username">
          <div class="l_usericon"></div>
          <input id="l_name" type="text" placeholder="邮箱或手机号">
      </div>
      <span class="l_namewarn">请输入用户名</span>
      
      <div class="l_password">
          <div class="l_pwdicon"></div>
          <input id="l_pwd" type="password" placeholder="密码6-16位数字字母，区分大小写">
      </div>
      <span class="l_pwdwarn">请输入密码</span>
      
      <div class="message">
          <div class="remember"><input type="checkbox"> &nbsp;下次自动登录</div>
          <div class="forget"><a href="">忘记密码</a></div>
      </div>
      
      <input class="l_button" type="submit"value="登陆">
  </div>
  
  <div class="register">
      <div class="close"></div>
      
      <div class="r_username">
         <div class="r_usericon"></div>
         <input id="r_name" type="text" placeholder="邮箱或手机号">
      </div>
      <span class="r_namewarn"></span>
      
      <div class="r_password">
          <div class="r_pwdicon"></div>
          <input id="r_pwd" type="text" placeholder="密码6-16位数字字母，区分大小写">
      </div>
      <span class="r_pwdwarn"></span>
      
      <div class="r_pwdt">
          <div class="r_pwdticon"></div>
          <input id="r_pwdt" type="text" placeholder="再次输入密码">
      </div>
      <span class="r_pwdtwarn"></span>  
      <div class="hobby">   
          <div class="hobbyicon"></div>     
          <select name="兴趣" id="hobby">
              <option value="计算机">计算机</option>
              <option value="计算机">软件工程</option>
          </select>
      </div>
      
      <input id="r_code" type="text" placeholder="验证码">
      <div class="pic"></div>
      <div class="change"><a href="#">换一换</a></div>
      
      <input class="r_button" type="button" value="注册">
  </div>
</body>
</html>
